<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      rel="icon"
      type="image/jpeg"
      href="https://lf1-cdn-tos.bytescm.com/obj/static/visactor-site/img/visactor/vtable-icon.svg"
    />
    <link rel="stylesheet" href="./style.css" />
    <title>VTable demos</title>
  </head>

  <body>
    <div class="container">
      <div class="sidebar" id="sidebar"></div>
      <div class="content">
        <div id="chartContainer">
          <div id="vTable" style="position: relative; height: 100%; width: 100%; overflow: hidden"></div>
        </div>
        <!-- <div id="article">
          <div class="arco-card-header"><div class="arco-card-header-title"><p><span class="mr8">test test test</span><svg fill="none" stroke="currentColor" stroke-width="4" viewBox="0 0 48 48" aria-hidden="true" focusable="false" class="arco-icon arco-icon-question-circle"><path d="M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z"></path><path d="M24.006 31v4.008m0-6.008L24 28c0-3 3-4 4.78-6.402C30.558 19.195 28.288 15 23.987 15c-4.014 0-5.382 2.548-5.388 4.514v.465"></path></svg></p></div></div>
        </div> -->
      </div>
    </div>
  </body>

  <script src="./main.ts" type="module"></script>
</html>
